<!DOCTYPE html>
<html lang="zh-TW">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <meta property="og:title" content="日夜交替轉換" />
    <meta property="og:description"
        content="地球自轉一圈為一天，太陽照射處是白天，反之為夜晚，而地球傾斜 23.5 度繞著太陽轉一圈的時間為一年，各地區因太陽照射角度不同，產生晝夜長短和四季的變化。" />
    <meta property="og:locale" content="zh_TW" />
    <meta property="og:type" content="website" />
    <link rel="stylesheet" href="./index-1.css" />
    <title>导航</title>
</head>

<body>
    <input type="checkbox" id="day-night" />
    <label for="day-night"></label>
    <div class="content">
        <div class="moon-sun"></div>
        <div class="container">
            <div class="card">
                <div class="content-box">
                    <h3>HTML+CSS</h3>
                    <div class="btn-box">
                        <button onclick="window.location.href='./HTML+CSS/各种基本标签.html'" type="button" id="add">
                            <span>各种基本标签</span>
                        </button>
                        <button onclick="window.location.href='./HTML+CSS/表单表格.html'" type="button" id="add">
                            <span>表单表格</span>
                        </button>
                        <button onclick="window.location.href='./HTML+CSS/列表.html'" type="button" id="add">
                            <span>列表</span>
                        </button>
                        <button onclick="window.location.href='./HTML+CSS/太极.html'" type="button" id="add">
                            <span>太极</span>
                        </button>
                        <button onclick="window.location.href='./HTML+CSS/爱心作业.html'" type="button" id="add">
                            <span>爱心作业</span>
                        </button>
                        <button onclick="window.location.href='./HTML+CSS/flex盒子做小米商城.html'" type="button" id="add">
                            <span>flex盒子做小米商城</span>
                        </button>
                        <button onclick="window.location.href='./HTML+CSS/骰子练习.html'" type="button" id="add">
                            <span>骰子练习</span>
                        </button>
                        <button onclick="window.location.href='./HTML+CSS/浮动作业.html'" type="button" id="add">
                            <span>浮动作业</span>
                        </button>
                    </div>


                </div>
            </div>
            <div class="card">
                <div class="content-box">
                    <h3>JavaScript</h3>
                    <button onclick="window.location.href='./JavaScript/表格渲染.html'" type="button" id="add">
                        <span>表格渲染</span>
                    </button>
                    <button onclick="window.location.href='./JavaScript/滚动特效.html'" type="button" id="add">
                        <span>滚动特效</span>
                    </button>
                    <button onclick="window.location.href='./JavaScript/百页窗.html'" type="button" id="add">
                        <span>百页窗</span>
                    </button>
                    <button onclick="window.location.href='./JavaScript/轮播图.html'" type="button" id="add">
                        <span>轮播图</span>
                    </button>
                    <button onclick="window.location.href='./JavaScript/购物车作业/购物车.html'" type="button" id="add">
                        <span>购物车作业</span>
                    </button>
                    <button onclick="window.location.href='./JavaScript/用正则验证密码.html'" type="button" id="add">
                        <span>用正则验证密码</span>
                    </button>
                    <button onclick="window.location.href='./JavaScript/函数的this指向作业.md'" type="button" id="add">
                        <span>函数的this指向作业</span>
                    </button>
                    <button onclick="window.location.href='./JavaScript/原型作业.md'" type="button" id="add">
                        <span>原型作业.md</span>
                    </button>
                    <button onclick="window.location.href='./JavaScript/关于Proxy，Reflect的问题作业.md'" type="button" id="add">
                        <span>关于Proxy，Reflect的问题作业.md</span>
                    </button>


                </div>
            </div>
            <div class="card">
                <div class="content-box">
                    <h3>Vue</h3>
                    <button onclick="window.location.href='#'" type="button" id="add">
                        <span>暂时未学</span>
                    </button>

                </div>
            </div>

        </div>
        <div class="clouds"></div>
    </div>

</body>

</html>